<script>
	export default {
		onLaunch: function() {
		    console.log('App onLaunch')
		},
		onShow: function() {
			console.log('App Show')
		},
		onHide: function() {
			console.log('App Hide')
		}
	}
</script>

<style>
	/*每个页面公共css */
	page {
	  background-color: #f8f9fa;
	  font-size: 24rpx;
	  box-sizing: border-box;
	  font-family: Microsoft YaHei, -apple-system-font,Helvetica Neue,Helvetica,sans-serif;
	}
	
	:after, :before {
	  -webkit-box-sizing: border-box;
	  -moz-box-sizing: border-box;
	  box-sizing: border-box;
	}
	
	/* 清除浮动 */
	
	.clearfix:after {
	  content: "";
	  display: block;
	  height: 0;
	  clear: both;
	  visibility: hidden;
	}
	
	.clearfix {
	  zoom: 1; /*为IE6，7的兼容性设置*/
	}
	
	.show {
	  display: block !important;
	}
	
	.hide {
	  display: none !important;
	}
	
	.posi_rela {
	  position: relative;
	}
	
	.width{
	  width: 100%;
	}
	.text_center {
	  text-align: center;
	}
	
	.text_right {
	  text-align: right;
	}
	
	.inline {
	  display: inline-block;
	}
	
	.ellipsis {
	  overflow: hidden;
	  text-overflow: ellipsis;
	  white-space: nowrap;
	}
	
	/* 隐藏滚动条 */
	
	::-webkit-scrollbar {
	  width: 0;
	  height: 0;
	  color: transparent;
	}
	
	/* 分割线 */
	
	.topLine {
	  border-top: 1rpx solid #eee;
	}
	.topLine2{
	  border-top: 1rpx solid #F1F0EF;
	}
	.topLine3{
	  border-top: 1rpx solid #EFEFEF;
	}
	.bottomLine{
	  border-bottom: 1rpx solid #F9F9F9;
	}
	.topLine{
	  border-top: 1rpx solid #F9F9F9;
	}
	
	/* 布局 */
	
	.justify_between {
	  display: flex;
	  justify-content: space-between;
	  align-items: center;
	}
	
	.justify_around {
	  display: flex;
	  justify-content: space-around;
	  align-items: center;
	}
	
	.justify_center {
	  display: flex;
	  justify-content: center;
	  align-items: center;
	}
	
	.flex_column {
	  display: flex;
	  flex-direction: column;
	  justify-content: space-between;
	}
	
	.flex_row {
	  display: flex;
	  flex-direction: row;
	  align-items: center;
	}
	
	.flex_center {
	  display: flex;
	  align-items: center;
	}
	
	.flex {
	  display: flex;
	}
	
	.flex1 {
	  flex: 1;
	}
	
	/* 颜色 */
	
	.color_black {
	  color: #000;
	}
	.color_5C{
	  color:#5C5C5C;
	}
	.color_8E{
	  color:#8E8E8C;
	}
	.color_91{
	  color: #919191;
	}
	.color_9d{
	  color: #9D9D9D;
	}
	.color_A6{
	  color: #A6A6A6;
	}
	.color_d8{
	  color: #D8D8D8;
	}
	.color_red{
	  color: #F14927;
	}
	.color_khaki{
	  color: #B48A59;
	}
	.color_blue{
	  color: #4CA0FF;
	}
	.color_red2{
	  color: #EF6418;
	}
	.color_red3{
	  color: #EA0000;
	}
	.color_yellow{
	  color: #DAA401;
	}
	.color_blue2{
	  color: #3E8FFC;
	}
	/* 背景颜色 */
	
	.bg_white {
	  background-color: #fff;
	}
	
	/* 字体 */
	
	.fs_18 {
	  font-size: 18rpx;
	}
	
	.fs_20 {
	  font-size: 20rpx;
	}
	
	.fs_22 {
	  font-size: 22rpx;
	}
	
	.fs_24 {
	  font-size: 24rpx;
	}
	
	.fs_26 {
	  font-size: 26rpx;
	}
	
	.fs_28 {
	  font-size: 28rpx;
	}
	
	.fs_30 {
	  font-size: 30rpx;
	}
	
	.fs_32 {
	  font-size: 32rpx;
	}
	
	.fs_34 {
	  font-size: 34rpx;
	}
	
	.fs_36 {
	  font-size: 36rpx;
	}
	
	.fontWeight {
	  font-weight: 600;
	}
	
	
	/* 边距 */
	
	.mt_10 {
	  margin-top: 10rpx;
	}
	.mt_20 {
	  margin-top: 20rpx;
	}
	.mt_25 {
	  margin-top: 25rpx;
	}
	.mt_30 {
	  margin-top: 30rpx;
	}
	.mt_40{
	  margin-bottom: 40rpx;
	}
	.mb_10{
	  margin-bottom: 10rpx;
	}
	.mb_30{
	  margin-bottom: 30rpx;
	}
	
	.ml_10{
	  margin-left: 10rpx;
	}
	.ml_20{
	  margin-left: 20rpx;
	}
	.ml_30{
	  margin-left: 30rpx;
	}
	
	.mb_30{
	  margin-bottom: 30rpx;
	}
	
	.mlr_20{
	  margin: 0 20rpx;
	}
	.mlr_30{
	  margin: 0 30rpx;
	}
	.mtb_20{
	  margin: 20rpx 0;
	}
	
	.m_20{
	  margin:20rpx;
	}
	.m_30{
	  margin: 30rpx;
	}
	
	.pt_30{
	  padding-top: 30rpx; 
	}
	.pb_30{
	  padding-bottom: 30rpx;
	}
	.ptb_20{
	  padding: 20rpx 0;
	}
	.ptb_30{
	  padding: 30rpx 0;
	}
	.plr_30{
	  padding: 0 30rpx;
	}
	.p_20{
	  padding: 20rpx;
	}
	.p_30{
	  padding: 30rpx;
	}
	
	.scroll_x {
	  width: 100%;
	  white-space: nowrap;
	}
</style>
